<template>
  <div class="searchItem" @click="changeIsShow">
      {{this.areaName}}
  </div>
</template>

<script>
export default {
    name:'searchItem',
    data() {
        return {
            searchName:''
        }
    },
    props: {
        areaName:{},
    },
    methods: {
        // 是否收起搜索提示框
        changeIsShow() {
          //在ChageMap.vue中监听该事件
            this.$bus.$emit('change-is-show', {isShow:false,areaName:this.areaName});
        }
    },
}
</script>

<style scoped>
  .searchItem {
      height: 30px;
      width: 100%;
      padding: 5px;
      border-bottom: 1px solid rgb(219, 219, 219);
      overflow: scroll;
    }

</style>